<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <meta name="format-detection" content="telephone=no" />
    <script>
	    var html = document.getElementsByTagName('html')[0];
	    html.style.fontSize = html.clientWidth / 3.75 + "px";
    </script>
	<title>我的店铺</title>
	<link rel="stylesheet" href="../static/css/Reset.css">
    <link rel="stylesheet" href="../static/css/myShop.css" />
</head>
<body>
	<div class="yp_main" id="app">
		<div class="detailHeader">
			<div class="headerImg">
				<span class="bigImg">
					<img :src="info.farmInfo.coverPicUrl">
				</span>
				<span class="farmName" v-text="info.farmInfo.name"></span>
				<div class="fansLocal" v-cloak>
					<span class="fansNum">粉丝 {{info.celebrity.fansNum}}</span>
					<span class="newLocation"><img src="../static/images/locationWhite.png" />{{info.celebrity.cityName}}</span>
				</div>
				<span class="renzheng" v-cloak>
					<img src="../static/images/rzCard.png" style="display: inline;" v-if="info.bankCardVerify==1">
					<img src="../static/images/rzIphone.png" alt="" style="display: inline;" v-if="info.celebrity.mobile">
					<img src="../static/images/rzName.png"  alt="" style="display: inline;" v-if="info.idcardVerify==1">
				</span>
			</div>
		</div>
		<div class="details" v-cloak>
			<ul class="tap">
				<li :class="{active:tabIndex==1}" @click="tabIndex=1">大宗供应</li>
				<li :class="{active:tabIndex==2}" @click="tabIndex=2">基本资料</li>
			</ul>
			<div class="countent">
				<!--暂无供应-->
				<div v-if="goods.length == 0 && tabIndex == 1" class="wz_noGoods" style="display: block;">
					<img src="../static/images/zwxx.png" alt="">
					<div class="wz_noText">农庄暂无供应商品</div>
				</div>
				<ul  v-if="goods.length != 0 " class="supplyList"  v-show="tabIndex == 1">
					<li v-for="item in goods" @click="toDetail(item.goodsId)"><!--跳往 商品详情的  传参  id传到方法-->
				        <div class="left_pic" goodsid="{{item.goodsId}}>">
				        	<img :src="item.mainImage[0]" alt=""/>
				        	<span>{{item.supplyStatus}}</span>
				        </div>
				        <div class="right_text">
				            <p class="goodsInfo" goodsId='{{item.goodsId}}'>
				            	<i class="sdd_tag">{{item.goodsClassName}}<em class="jiantou"></em></i>
				            	{{item.goodsName}}
				            </p>
				            <div class="supplyGoods">
				                <span class="total">总量：{{item.totalSupply}}kg</span>
				            </div>
				            <div class="supplyGoods">
				            	<span class="qipi">起批：{{item.rangeBegin}}kg</span>
				            	<span class="price"><i>¥{{item.price}}</i>{{item.unit}}</span>			                   
				            </div>
				            <p class="chandi" style="clear: both;">产地名称：<span>{{item.area}}</span></p>
				        </div>
					</li>
				</ul>
				<!--基本资料-->
				<ul class="wz_ul" v-show="tabIndex == 2">
					
					<li class="wz_jbzl">
						<span class="wz_jbzlL">店铺地址</span>
						<span class="wz_jbzlR wz_address wz_address_havepadding">{{info.farmInfo.area}} {{info.farmInfo.address}}</span>
					</li>
					
					<li class="wz_jbzl">
						<span class="wz_jbzlL">庄主</span>
						<span class="wz_jbzlR">
							<span class="wz_masterText">{{info.celebrity.nickName}}</span>
							<span class="wz_masterIcon" style="float: right;">
								<img :src="info.celebrity.headPic">
							</span>
						</span>
					</li>
					<li class="wz_jbzl">
						<span class="wz_jbzlL">入驻时间</span>
						<span class="wz_jbzlR">
							<span>{{info.inTime}}</span>
						</span>
					</li>
					<div class="wz_separate"></div>
					
					<li class="wz_jbzl">
						<span class="wz_jbzlL">种植面积</span>
						<span class="wz_jbzlR" v-text="!info.farmInfo.acreage ? '200亩' : info.farmInfo.acreage"></span>
					</li>
					<li class="wz_jbzl">
						<span class="wz_jbzlL">大量供应</span>
						<span class="wz_jbzlR" v-text="!info.farmInfo.crop.length ? '未知' : info.farmInfo.crop"></span>
					</li>
				
				</ul>
			</div>
		</div>
		<a href="editShop.html">
			<div class="botfix">
				<img src="../static/images/fqbianji.png" alt="" />编辑农庄
			</div>
		</a>
        <!--loading组件-->
        <loading v-show="showLoading"></loading>
	</div>
</body>
<script src="https://api.map.baidu.com/api?v=2.0&ak=1BiZDIdoRV9iryDNcdF4oU37pqwftOin&s=1"></script>
<script type="text/javascript" src="../libs/jquery.min.js"></script>
<script type="text/javascript" src="../libs/fastclick.min.js"></script>
<script type="text/javascript" src="../libs/vue/vue.min.js"></script>
<script type="text/javascript" src="../libs/vue/vue-resource.min.js"></script>
<script type="text/javascript" src="../libs/require.js"></script>
<script type="text/javascript" src="../libs/var.js"></script>
<script type="text/javascript" src="../libs/common.js"></script>
<script type="text/javascript" src="js/myShop.js"></script>
<script type="text/javascript" src="../libs/var_compenentsr.js"></script>
</html>
